@charset "iso-8859-1"; * { margin: 0; padding: 0; box-sizing: border-box; font-size: 100%; }

 body {max-width:  height: 80vh;  
  width: 100%;
  color: navy; font-family: Verdana; font-size: .9em; line-height: 1.4}
  
  .word-wrap {
    /* Warning: Needed for oldIE support, but words are broken up letter-by-letter */
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

  
 #words {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#words td, #words th {
  border: 1px solid #ddd;
  padding: 4px;
}

#words tr:nth-child(even){background-color: #e9f7ff;}

#words th {
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: left;
  background-color: #0000ff;
  color: white;
}

 header { padding: 0 0 0 0; }

 header h1 {display: inline-block;
  padding-left: .5em; font-size: 2.5em; font-family: sans-serif; color: menu}

 nav { padding: .5em; }

 nav ul {border: 0px; list-style-type:
  none; padding-left: .5em; margin-bottom: 0; margin-top: 0; margin-left: 0; margin-right: 0; text-align: left; top: -.5em; border-top-width:
  thin; border-bottom-width: thin}

 nav li {display: list-item; padding-right: 1.3em; font-family: Arial;}

 inav { padding: 0; }

 inav ul {border:
  0px; list-style-type: none; padding-left: .5em; text-align: left; top: -1.5em;}

 inav li {padding-right: 1.3em; font-family: Arial; }

 ulist ul
  {border: 0px; list-style-type: disc; padding-left: .5em; text-align: left; top: -1.5em;}

 ulist li {padding-right: 1.3em; font-family: Arial;
  }

 .aside-left {display: inline-block; width: 15%; padding-left: .4em; background-repeat: repeat; float: left; height: 100vh; margin-top: .4em}


  article { display: inline-block; padding: 0em; width: 64%; height: 100vh; }
 
 .lists  {
height: 68vh; /* This sets the height of the container div to the height of the viewport */
display: flex;
flex-direction: column;
}
 
 
 .inner {
height: 90%;
background-color: #f7f7f7;
}
 
 .lists-main  {
height: 0vh; /* This sets the height of the container div to the height of the viewport */
display: flex;
flex-direction: column;
}
 
 
 .inner-main {
height: 90%;
background-color: #ffffff;
}

 .mostly-customized-scrollbar { display: block; width: 100%; overflow-y:auto;
   height: 83vh; }



 blockquote { display: block; margin-top: 1em; margin-bottom: 1em;
  margin-left: 40px; margin-right: 40px; text-align: justify; }

 tableleft {display: inline-block; float: left; border:8px; width: 20%;
  margin-left: 3em; margin-right: 1em; padding-left: 20px; text-align: left }

 tableright {display: inline-block; float: left; border:8px; width: 80%;
  margin-left: 1em; margin-right: 1em; text-align: left }

 ltableleft {display: inline-block; float: left; border:8px; width: 29%; margin-left:
  1em; margin-right: 1em;  text-align: left }
  
  ltableconflict {display: inline-block; float: left; border:8px; width: 100%; margin-left:
  1em; margin-right: 1em;  text-align: left }

 ctablecenter {display: inline-block; float: left; border:8px; width: 29%; margin-left: 1em;
  margin-right: 1em; text-align: left }

 rtableright {display: inline-block; float: left; border:8px; width: 32%; margin-left: 1em;
  margin-right: 1em; text-align: left }

   rtablesummary {display: inline-block; float: right; border:8px; width: 60%; margin-left: 1em;
  margin-right: 1em; text-align: left; vertical-align: top }
  
 article p {margin-bottom: 1em; margin-top: .5em; margin-left: 1em; margin-right: 1em; text-align:
  justify}

 .aside-right { display: inline-block; vertical-align: top; padding: 1em; background-repeat: repeat; color: red; height: 100vh;}

 footer { float:
  top; border-bottom: 2px solid gray; width: 100%; height: 1.5em; }

 footer ul {border: 0px; list-style-type: none; padding-left: .5em;
  margin-bottom: 0; margin-top: 0; margin-left: 0; margin-right: 0; text-align: center; top: 0em; border-top-width: thin; border-bottom-width:
  thin; }

 footer li {display: inline-block; padding-right: 1.2em; font-family: Arial; font-weight: bold; }

 h2 {font-size: 2em; margin-left:
  .5em; margin-top: .25em; margin-bottom: 0em}

 h3 {font-size: 1.25em; margin-top: .5em; text-align: center;}

 h6 {font-size: 4.25em; color:
  #000080; margin-top: .5em; text-align: center;}

 h5 {font-size: 3.25em; color: #000080; margin-top: .5em; text-align: center;}

 h4 {font-size:
  1.25em; color: #000080; margin-top: .1em; margin-bottom: -.05em; text-align: left;}
  
  h1 {font-size:
  1.25em; color: #000080; margin-top: -1.4em; margin-bottom: -.05em; text-align: left;}

 h7 {font-size: 1.25em; color: #000080; margin-left: .5; margin-right: .25em;
  margin-bottom: .25; text-align: left;}

 h8 {font-size: 1em; color: #000080; margin-left: .25; margin-right: .25em; margin-bottom: .25;
  text-align: left;}

 h9 {font-size: 1.25em; color: red; margin-top: .5em; text-align: left; font-weight: bold;}

 /* BACKGROUND COLORS */ header
  { background-color: #ffff97; background-image: -webkit-linear-gradient(top, #cfe2f3 0%, #6fa8dc 100%); background-image: linear-gradient(to
  bottom, #cfe2f3 0%, #6fa8dc 100%); }

 nav { background-color: #ffff97; }

 footer { background-color: #ffff97; }

 article { background-color:
  white; }

 aside, main { background-color: #ffff97; }